import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import qiankun from 'vite-plugin-qiankun'
// import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js'
import prefixer from 'postcss-prefix-selector';

export default defineConfig({
  plugins: [
    vue(),
    qiankun('sub-vue3', {
      // useDevMode：确定为开发模式
      useDevMode: true
    }),
    // cssInjectedByJsPlugin()
  ],
  css: {
    postcss: {
      plugins: [
        prefixer({
          prefix: '#subapp-container',
          transform(prefix, selector) {
            // 处理选择器转换逻辑
            return `${prefix} ${selector}`;
          },
        }),
      ],
    },
  },
  server: {
    port: 7002,
    cors: true,
    // 解决静态资源不生效问题
    origin: `http://localhost:${7002}`,
  },
  build: {
    lib: {
      entry: './src/main.ts', // 入口文件
      name: 'sub-vue3', // 子应用名称
      fileName: 'sub-vue3', // 打包后的文件名
      formats: ['umd'] // 打包为 UMD 格式
    }
  }
})
